<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style></style>
</head>
<style>
    h2 {
        color: red;

        border: 1px solid;
        background-color: blue;
    }
    p em {font-size: 24px;
    color: #000;
    background-color: #96d628;}
    span{color: #f10ca994;}
   
</style>
<body>
    <div>
        <h2>打开下一个,请点这里</h2>
    </div>

    <div>
       <p><em>广东北部暴雨持续 沿河沿山地带群众需做好防范措施最近几天,</em>
        广东多地出现连续强降雨和强对流天气,相关部门迅速响应,开展应急措施。受强降雨影响,
       <span>广东北部</span> 城市韶关、清远等地河流水位上涨,多个水文站水位超出警戒水位。
        受前期降雨量较大的影响,未来几天,<span>粤北山区</span>地带土地含水量还会非常大。
        因此居住在沿河沿山地带的群众一定要做好防范措施,遇到突发状况，
        请及时联系当地应急救援部门。
        </p>
    </div>
    <div style="border: 2px ; color: #deb3d5;font-size: 30px;
     background-color: #e88c8c;">
        <h3>注意天气变化,注意人身安全</h3>

    </div>
    <div style="font-size: 20px;
    color: #09e54b;
    text-decoration: underline;">
        这是选择器一
    </div>
</body>
</html>